<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>Admin CP</title>
        <link rel="stylesheet" type="text/css" href="style.css" />
    </h:head>
    <f:view>
        <h:body style="background-image: url(image/body.jpg);
                background-position: top;  
                background-color: paleturquoise;
                background-repeat: repeat-x;">
            <center>
                <br/>
                <div style="width: 90%;background-color: white;border-color: gray">                
                    <table style="width: 100%">
                        <br/>
                        <tr valign="middle">
                            <td colspan="3" align="center">
                                <hr size="2" align="center" style="color: whitesmoke"/></td>
                        </tr>
                        <tr valign="middle" style="height: 10px">
                            <h:form id="addre">
                                <td colspan="2">
                                    <a href="#" class="aLink" style="margin-left:15px"> HOME&nbsp;&nbsp;|</a>
                                    <a href="faces/course.xhtml" class="aLink">&nbsp;&nbsp; COURSE&nbsp;&nbsp; |</a>
                                    <a href="#" class="aLink" >&nbsp;&nbsp; ABOUT&nbsp;&nbsp; |</a>
                                    <p:commandLink oncomplete="addDialog.show()" styleClass="aLink" >&nbsp;&nbsp; Re-Evaluation</p:commandLink>
                                    <p:dialog header="RE-EVALUATION" widgetVar="addDialog" resizable="false" id="addDlg"  
                                              showEffect="fade" hideEffect="explode" modal="true">
                                        <p:growl id="msgAddRe" showDetail="true"/>
                                        <h:panelGrid columns="2">

                                            <h:outputLabel value="ReName:" for="reName" />
                                            <h:inputText id="reName" value="#{manageReEvaluation.ree1.reName}" title="ReName" required="true" requiredMessage="Name can't be empty"/>
                                            <h:outputLabel value="ReDesc:" for="reDesc" />
                                            <h:inputTextarea id="reDesc" value="#{manageReEvaluation.ree1.reDesc}" title="ReDesc" required="true" requiredMessage="DESC can't be empty"/>

                                            <h:outputLabel value="SubID:" for="subID" />
                                            <h:selectOneMenu id="subID" value="#{manageReEvaluation.subID}" title="SubID" >
                                                <!-- TODO: update below reference to list of available items-->
                                                <f:selectItems value="#{manageSubject.list}" var="sub" itemLabel="#{sub.subName}" itemValue="#{sub.subID}"/>
                                            </h:selectOneMenu>
                                            <h:outputLabel value="StuID:" for="stuID" />
                                            <h:inputText id="stuID" value="#{manageReEvaluation.stuID}" title="ReDesc" required="true" requiredMessage="Name can't be empty"/>
                                            <p:commandButton update="msgAddRe" value="Submit" action="#{manageReEvaluation.insert()}"/>
                                            <p:commandButton oncomplete="addDialog.hide()" value="Close"/>
                                        </h:panelGrid>

                                    </p:dialog>
                                </td>
                            </h:form>
                            <td align="center">
                                <a href="faces/search.xhtml" style=""><img src="image/Search.png"/></a>
                                <input type="text" style="width: 200px"/>
                            </td>
                        </tr>
                        <tr valign="top">
                            <td colspan="3" align="center"><hr size="2" align="center" style="color: whitesmoke"/></td>
                        </tr>
                        <tr style="height: 98px">
                            <td colspan="2" align="left">
                                <img src="image/logo8.png"/>
                            </td>
                            <td align="right">                            
                                <img src="image/tiepnguonsinhkhi2.jpg"/>
                            </td>
                        </tr>
                    </table>
                    <br/>
                    <table border="0">
                        <tr>
                            <td align="left" style="width: 20%">
                                <hr size="3" align="center" style="color: whitesmoke;" />                                                       
                            </td>
                            <td align="left" style="width: 50%">
                                <hr size="3" align="center" style="color: whitesmoke;" />                            
                            </td>
                            <td align="left" style="width: 20%">
                                <hr  size="3" align="left" style="color: whitesmoke;" />                                                                                  
                            </td>
                        </tr>
                        <tr style="height: 20px">
                            <td align="left" style="width: 20%">
                                <span class="title">Featured Categories</span>
                            </td>
                            <td align="left" style="width: 50%">
                                <span class="title">Recent Posts</span>                          
                            </td>
                            <td align="left" style="width: 20%">
                                <span class="title">Archives</span>
                            </td>
                        </tr>
                        <tr >
                            <td align="left" style="width: 20%">
                                <hr size="3" align="center" style="color: whitesmoke;" />                                                       
                            </td>
                            <td align="left" style="width: 50%">
                                <hr size="3" align="center" style="color: whitesmoke;" />                           
                            </td>
                            <td align="left" style="width: 20%">
                                <hr  size="3" align="left" style="color: whitesmoke" />                                                                                   
                            </td>
                        </tr>


                        <tr valign="top">
                            <td align="left" style="width: 20%">                            
                                <div>  
                                    <h:form>
                                        <h:dataTable value="#{manageContact.list}" var="item" width="100%">                                           
                                            <h:column >                                                
                                                <span class="aLink"><h:outputText value="#{item.contactName}"/></span><br/>
                                                <span class="a1Link"><h:outputText value="#{item.contactPhone}"/></span>
                                                <br/>
                                                <span class="a1Link"><h:outputText value="#{item.contactEmail}"/></span><br/>
                                                <hr size="1" align="center" style="color: whitesmoke" />
                                            </h:column>                                                                                   
                                        </h:dataTable>                                    
                                    </h:form>
                                </div>
                            </td>
                            <td align="left" style="width: 50%">

                                <div>
                                    <p>
                                        <h1>Introduction:</h1>
                                        <p>    
                                            Our client, Kingston Academy is an educational institution, which has three
                                            branches situated at three different locations of the city. In each branch there are
                                            more than 5000 students studying in the institution. Actually they maintain the
                                            records of the staff and the students through a stand alone application that is build
                                            by us. The records include the Personal records, Academic Records, Administration
                                            records, Professional records, Marks and other extracurricular activities.
                                        </p>

                                        <h1>Existing Scenario:</h1>
                                        <p>
                                            Generally to increase the competition level between the students of the three
                                            branches and between the branches, they started the procedure where after
                                            conducting the exams the answer sheets will be interchanged between the branches
                                            for evaluation. For example if the institution is having the branches ‘A’,’B’, and ’C’,
                                            after conducting the examinations, the answer sheets of the students of one branch
                                            say ‘A’, will be evaluated by any one of the remaining two branches, let that be ‘C’.
                                            Once evaluated, the results (Evaluated Answer sheets along with the marks on the
                                            sheet) will then be sent back to the original branch (in this case it will be branch ‘A’).
                                            Similarly is the same case for the other two branches of the institution (‘B’ branches
                                            answer sheet will be evaluated by ‘A’ (as ‘C’ had already been assigned with ‘A’
                                            branches papers), and ‘C’ branches papers will be evaluated by ‘B’).</p>
                                        <p>
                                            Later the first ten students who secured the maximum marks (toppers) and the
                                            institution from which the maximum toppers are there they will be provided with
                                            some prizes. Because of this there is a competition between the students and the
                                            branches. Once the examinations are completed the students are provided a week
                                            days or more number of days of vacation based on the vacation time like summer
                                            holidays, Christmas holidays, etc. In between the vacation period the result will be
                                            released and so because of this the students need to come back to the institution
                                            and then check their results and can apply for reevaluation if they feel if there is
                                            something that went wrong.
                                        </p>
                                    </p>
                                </div>
                            </td>
                            <td align="left" style="width: 20%">
                                <div><center>
                                        <p:calendar value="#{calendarBean.date1}" mode="inline"/> 
                                    </center>
                                    <br/>
                                    <table width="100%">
                                        <tr style="height: 30px" valign="top">
                                            <td style="background-image: url(image/star.gif)" >
                                                <span class="a1Link" style="margin-left: 10%">LINK</span>                                                             
                                            </td>
                                        </tr>
                                        <tr  valign="middle">
                                            <td  align="left">
                                                <img src="image/gtk-media-play-ltr.png" style="margin-left:20%"/><a href="http://svfpt.net" class="a1Link">Forum of FPT University</a> <br/>                                                               
                                                <img src="image/gtk-media-play-ltr.png" style="margin-left:20%"/><a href="http://mail.fpt.edu.vn" class="a1Link">Mail of FPT University</a><br/>                                                                                                            
                                                <img src="image/gtk-media-play-ltr.png" style="margin-left:20%"/><a href="http://gre.ac.uk" class="a1Link">Website University of Greenwich</a> <br/>                                                                                                           
                                                <img src="image/gtk-media-play-ltr.png" style="margin-left:20%"/><a href="http://aptech.vn" class="a1Link">Website of aptech world wide</a><br/>                                                                                                            
                                            </td>
                                        </tr>
                                    </table>
                                    <br/>
                                    <table width="100%">
                                        <tr style="height: 30px" valign="top">
                                            <td style="background-image: url(image/pencil.gif)" >
                                                <span class="a1Link" style="margin-left: 10%">LOGIN</span>                                                            
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <h:form>
                                                    <p:growl id="msg"/>
                                                    <h:panelGrid columns="2">
                                                        <h:outputLabel value="Username: *" />  
                                                        <h:inputText id="username" value="#{manageAccount.acc.accName}" required="true" requiredMessage="Name can't be empty"/>
                                                        <h:outputLabel for="password" value="Password *" />  
                                                        <h:inputSecret value="#{manageAccount.acc.accPass}" required="true" requiredMessage="Password can't be empty"/>
                                                        <f:facet name="footer">
                                                            <p:commandButton update="msg" action="#{manageAccount.login()}" type="submit" value="Login" style="font-size: 70% !important"/>
                                                        </f:facet>  
                                                    </h:panelGrid>
                                                </h:form>
                                            </td>
                                        </tr>
                                    </table>
                                    <table border="0">
                                        <tr style="height: 30px" valign="top">
                                            <td style="background-image: url(image/pencil.gif)" >
                                                <span class="a1Link" style="margin-left: 10%">ANNOUNCEMENT</span>                                                            
                                            </td>
                                        </tr>
                                        <tr style="height: 30px" valign="top">
                                            <td align="center">
                                                <span class="a1Link">Mọi thắc mắc xin liên hệ GC0503, ThangLNGC00073@fpt.edu.vn</span>
                                            </td>
                                        </tr>                                    
                                    </table>
                                </div>                           
                            </td>
                        </tr>                    
                    </table>
                    <hr/>
                    <center>
                        <p class="a1Link">
                            Design by Group 4 - Class GC0503<br/>
                            FPT University - Detech building, 8 - Ton That Thuyet, Cau Giay, HN.</p>
                    </center>
                </div>
            </center>
        </h:body>

    </f:view>
</html>



